<template>
  <el-dialog :show-close=false
             :close-on-press-escape=false
             :close-on-click-modal=false
             :title="$getTextByLangKey('编辑每小时产出信息')"
             :visible.sync="dialogVisible"
             @keyup.enter.native="confrimDialog">
    <el-row>
      <el-col :span="12">


        <div style="display: flex;justify-content: center;align-items: center;padding: 10px 0;margin-right: 10px;">
          <span style="flex-shrink: 0;">{{$getTextByLangKey('计划产出')+'：'}}</span>
          <el-input v-model="formData.designedOutput"></el-input>
        </div>

<!--        <el-form class="el-form-left" label-position="left" label-width="82px" :model="formData">-->
<!--          <el-form-item-->
<!--            :label="$getTextByLangKey('计划产出')+'：'"-->
<!--          >-->
<!--            <el-input v-model="formData.designedOutput"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
      </el-col>

      <el-col :span="12">

        <div style="display: flex;justify-content: center;align-items: center;padding: 10px 0;">
          <span style="flex-shrink: 0;">{{$getTextByLangKey('备注')+'：'}}</span>
          <el-input v-model="formData.note"></el-input>
        </div>

<!--        <el-form class="el-form-left" label-position="left" label-width="82px" :model="formData">-->
<!--          &lt;!&ndash;<el-form-item label="计划产出：">&ndash;&gt;-->
<!--            &lt;!&ndash;<el-input v-model="excelForm.lineName" :disabled="true"></el-input>&ndash;&gt;-->
<!--          &lt;!&ndash;</el-form-item>&ndash;&gt;-->
<!--          <el-form-item-->
<!--            :label="$getTextByLangKey('备注')+'：'"-->
<!--          >-->
<!--            <el-input v-model="formData.note"></el-input>-->
<!--          </el-form-item>-->

<!--        </el-form>-->
      </el-col>
    </el-row>

    <span slot="footer" class="dialog-footer">
        <el-button @click="cancelDialog">{{$getTextByLangKey('取消')}}</el-button>
        <el-button type="primary" @click="confrimDialog">{{$getTextByLangKey('确定')}}</el-button>
      </span>
  </el-dialog>
</template>
<script>

  // import Request from '@/common/js/Request'

  export default {
    name: "search-action-componet",
    props: ['dialogVisible','formData','rowIndex'],
    data() {
      return {

//        formData: {
//          designedOutput: '',//计划产出
//          note: '',//备注
//        },
      }
    },
    created: function () {

    },
    methods: {

      creatDialog: function () {
//        this.dialogVisible = true;

      },
      cancelDialog: function () {
//        this.dialogVisible = false;
        console.log(this.formData)
        this.$emit('cancelDialog')
      },
      confrimDialog: function () {
//        this.dialogVisible = false;
        this.$emit('confrimDialog', this.formData,this.rowIndex)
      }
    }
  }

</script>

<style scoped>

  .div-search-action {
    line-height: 50px;

  }

  .first-el-select{
    padding-left: 10px;
  }
  .el-button-delete-data{
    margin-left: 10px;
  }
  .el-dialog__body {
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .el-dialog__footer {
    padding-top: 0px;
  }

  .el-form-left {
    margin-right: 10px;
  }

  .el-form-right {
    margin-left: 10px;
  }
</style>
